<template>
	<view>
		<nav-bar   fontColor="#FFFFFF" title="业务大厅"></nav-bar>
		<v-tabs v-model="activeTab" @change="changeTb" :scroll="true" :bold="true" :tabs="tabs1" field="name"></v-tabs>
		<uni-card mode="card">
			<zb-table :columns="column" :stripe="true" :fit="true" :data="dataList" @detail="detail"
				@edit="edit"></zb-table>
		</uni-card>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				activeTab: 0,
				tbStatus: 0,
				tabs1: [{
						name: '待审批',
						value: 1
					},
					{
						name: '审批中',
						value: 2
					},
					{
						name: '已完成',
						value: 1
					},
					{
						name: '已终止',
						value: 2
					},
					{
						name: '抄送给我',
						value: 1
					},
					{
						name: '我的请求',
						value: 2
					}
				],
				financialNo: '',
				productName: '',
				column: [{
						type: 'index',
						label: '序号',
						align: 'center',
						fixed:true
					},
					{
						name: 'lcbh',
						label: '流程编号',

						emptyString: '暂无数据',
						align: 'center'
					},
					{
						name: 'lcmc',
						label: '流程名称',
						emptyString: '暂无数据',
						align: 'center'
					},
					{
						name: 'lcfl',
						label: '流程分类',
						emptyString: '暂无数据',
						align: 'center'
					},
					{
						name: 'sqr',
						label: '申请人',
						emptyString: '暂无数据',
						align: 'center'
					},
					{
						name: 'sqsj',
						label: '申请时间',
						emptyString: '暂无数据',
						align: 'center'
					},
					{
						name: 'dqjd',
						label: '当前节点',
						emptyString: '暂无数据',
						align: 'center',
					},
					{
						name: 'zt',
						label: '状态',
						emptyString: '暂无数据',
						align: 'center',
						
					},
					{
						name: 'operation',
						type: 'operation',
						label: '操作',
						align: 'center',
						renders: [{
								name: '查看',
								// type: 'warn', // type 为custom的时候自定义按钮
								func: "detail"
							},
							{
								name: '审批',
								func: "edit",
							},
							{
								name: '流程图',
								func: "lct",
							}
						]
					},
				],
				dataList: [{
						lcbh: 'J332200713826554',
						lcmc: '自动放款融资申请',
						lcfl: '自动放款-融资申请',
						sqr: '济南市天桥区鲁康名饮百货超市',
						sqsj: '2023-06-27 10:33:40',
						dqjd: '财务审批',
						zt: '待审批'
					},
					{
						lcbh: 'J332200713826554',
						lcmc: '自动放款融资申请',
						lcfl: '自动放款-融资申请',
						sqr: '济南市天桥区鲁康名饮百货超市',
						sqsj: '2023-06-27 10:33:40',
						dqjd: '财务审批',
						zt: '待审批'
					},
					{
						lcbh: 'J332200713826554',
						lcmc: '自动放款融资申请',
						lcfl: '自动放款-融资申请',
						sqr: '济南市天桥区鲁康名饮百货超市',
						sqsj: '2023-06-27 10:33:40',
						dqjd: '财务审批',
						zt: '待审批'
					},
					{
						lcbh: 'J332200713826554',
						lcmc: '自动放款融资申请',
						lcfl: '自动放款-融资申请',
						sqr: '济南市天桥区鲁康名饮百货超市',
						sqsj: '2023-06-27 10:33:40',
						dqjd: '财务审批',
						zt: '待审批'
					},
					{
						lcbh: 'J332200713826554',
						lcmc: '自动放款融资申请',
						lcfl: '自动放款-融资申请',
						sqr: '济南市天桥区鲁康名饮百货超市',
						sqsj: '2023-06-27 10:33:40',
						dqjd: '财务审批',
						zt: '待审批'
					},
					{
						lcbh: 'J332200713826554',
						lcmc: '自动放款融资申请',
						lcfl: '自动放款-融资申请',
						sqr: '济南市天桥区鲁康名饮百货超市',
						sqsj: '2023-06-27 10:33:40',
						dqjd: '财务审批',
						zt: '待审批'
					},
					{
						lcbh: 'J332200713826554',
						lcmc: '自动放款融资申请',
						lcfl: '自动放款-融资申请',
						sqr: '济南市天桥区鲁康名饮百货超市',
						sqsj: '2023-06-27 10:33:40',
						dqjd: '财务审批',
						zt: '待审批'
					},
					{
						lcbh: 'J332200713826554',
						lcmc: '自动放款融资申请',
						lcfl: '自动放款-融资申请',
						sqr: '济南市天桥区鲁康名饮百货超市',
						sqsj: '2023-06-27 10:33:40',
						dqjd: '财务审批',
						zt: '待审批'
					},
					{
						lcbh: 'J332200713826554',
						lcmc: '自动放款融资申请',
						lcfl: '自动放款-融资申请',
						sqr: '济南市天桥区鲁康名饮百货超市',
						sqsj: '2023-06-27 10:33:40',
						dqjd: '财务审批',
						zt: '待审批'
					},
					{
						lcbh: 'J332200713826554',
						lcmc: '自动放款融资申请',
						lcfl: '自动放款-融资申请',
						sqr: '济南市天桥区鲁康名饮百货超市',
						sqsj: '2023-06-27 10:33:40',
						dqjd: '财务审批',
						zt: '待审批'
					}
				],
			}
		},
		methods: {
			search() {

			},
			detail(e) {
				uni.navigateTo({
					url: '/pages/business-hall/business-hall-details'
				})
			},
			edit(e) {
				console.log(e)
			},
			changeTb(e) {
				this.tbStatus = e;
				console.log(e)
			},
		}
	}
</script>

<style>
</style>